<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
  <link rel="stylesheet" href="./百万富翁.css">
</head>
<body>
  <div class="bigdiv">
    <!--  window左边盒子 -->
    <div class="nav">
      <p>主页</p>
      <p>排行榜</p>
      <p>联系方式</p>
    </div>
    <!-- window右边盒子 -->
    <div class="right">
      <!-- 头部 -->
      <div class="head">
        <button class="btn_left">导航栏</button>
        <h2>欢迎来到富豪排行榜</h2>
        <h4>weclome to the rick ranck</h4>
        <button class="btn">登陆</button>
      </div>
      <!-- 中间部分 -->
      <div class="content">
        <!-- 按钮盒子 -->
        <div class="btn_one">
          <button class="btn1">添加账户</button>
          <button class="btn2">资金翻倍</button>
          <button class="btn3">查询百万富翁</button>
          <button class="btn4">财富榜</button>
          <button class="btn5">计算总额</button>
        </div>
        <!-- 装钱的盒子 -->
        <!-- <div class="son"> -->
        <table class="son">
          <thead>
              <tr>
                  <td>Person</td>
                  <td>Wealth</td>
              </tr>
          </thead>
          <tbody></tbody>
          <tfoot></tfoot>
        </table>
        <!-- </div> -->
      </div>
    </div>
  </div>
  <script src="./data.js"></script>
</body>
</html>